
.test1-enter-active {
    animation: test1-play 2s;
}

@keyframes test1-play {
    0% {
        /*transform: scale(0);*/
        margin-top: 50px;
    }

    /*50% {
        !*transform: scale(1.5);*!
    }*/

    100% {
        /*transform: scale(1);*/
        margin-top: 5px;
    }
}


.test2-enter-active {
    animation: test2-play 3s;
}

@keyframes test2-play {
    0% {
        /*transform: scale(0);*/
        margin-top: 500px;
    }

    /*50% {
        !*transform: scale(1.5);*!
    }*/

    100% {
        /*transform: scale(1);*/
        margin-top: 5px;
    }
}